<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图书借阅平台</title>
<link rel="stylesheet" href="webjars/layui/2.3.0/css/layui.css">
<link type="text/css" rel="stylesheet" href="static/css/user.css">
<script type="text/javascript" src="static/jquery-easyui-1.5.5.3/jquery.min.js"></script>
<script type="text/javascript" src="webjars/layui/2.3.0/layui.js"></script>
<script type="text/javascript" src="static/js/user.js"></script>
</head>
<body>
	<ul class="layui-nav layui-bg-blue" style="padding-right: 50px;">
	  	<li class="layui-nav-item" style="text-align: left;">
			<a style="font-size: 26px; font-family: '楷体';"><i class="layui-icon" style="font-size: 26px;">&#xe656;</i>  图书借阅平台</a>
		</li>
	  	<li class="layui-nav-item" style="float: right;">
	    	<a><img src="//t.cn/RCzsdCq" class="layui-nav-img"><span sec:authentication="principal.name"></span></a>
	    	<dl class="layui-nav-child">
	      		<dd><a href="update_user">修改密码</a></dd>
	      		<dd id = "out"><a>退出</a></dd>
	    	</dl>
	  	</li>
	  	<li class="layui-nav-item" style="float: right;">
	    	<a href="records/borrowRecord_user"><i class="layui-icon">&#xe705;</i>  借书记录</a>
	  	</li>
	  	<li class="layui-nav-item" style="float: right;">
	    	<a href="records/returnBook_user"><i class="layui-icon">&#xe672;</i>  还书</a>
	  	</li>
	  	<li class="layui-nav-item layui-this" style="float: right;">
	   	 	<a href=""><i class="layui-icon">&#xe68e;</i>  首页</a>
	  	</li>
	</ul>
	
	<div class = "home">
		<!-- <div class="layui-col-md-offset5">
			<div class="layui-input-block layui-col-md5">
				<input type="text" name="press" id="keyword" placeholder="关键字" class="layui-input">
			</div>
			<div class="layui-btn-group">
			  	<button type="button" id = "book_searchbtn" class="layui-btn layui-btn-normal"><i class="layui-icon">&#xe615;</i>查询</button>
			  	<button type="button" id = "book_clearbtn" class="layui-btn layui-btn-warm"><i class="layui-icon">&#xe640;</i>清空</button>
			</div>
			<br><br><br>
		</div> -->
		<div id="home_book">
			<div class="book" onclick="borrow(this.id)" th:each="c:${book}" th:id="${c.id}">
				<div class="top">
					<img th:src="@{/download(id=${c.id})}" width="100%" height="98%" />
				</div>
				<p><span>书名：</span><font th:text="${c.name}"></font></p>
		
				<p><span>出版社：</span><font th:text="${c.press}"></font></p>
				<div class="btn">
					<span style="font-size: 23px; line-height: 240px;">点击借书</span>
				</div>
			</div>
		</div>
	</div>
</body>
</html>